$maincolor: #4EB331;
// 左侧分类菜单
.left-menu {
  width: 2rem;
  background: white;
  height: calc(100vh - 1.8rem);
  overflow-y:auto;
  .cat-L1 {
    .L1-name {
      font-size: .26rem;
      text-align: center;
      color: #666;
      padding: .3rem 0;
      box-sizing: border-box;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
      transition: color .3s, border .3s, font-weight .3s;
    }
    .L1-active {
      color: $maincolor;
      font-weight: bold;
      border-left: .05rem solid $maincolor;
    }
  }
  .cat-L2 {
    background: #efefef;
    .L2-name {
      font-size: .26rem;
      text-align: center;
      color: #555;
      padding: .24rem 0;
      transition: color .3s, border .3s, font-weight .3s;
    }
    .L2-active {
      color: $maincolor;
      font-weight: bold;
      border-left: .05rem solid $maincolor;
    }
    &:last-of-type {
      border-bottom: 1px solid #ddd;
    }
  }
}
